<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(v,index) in arr" :key="index">
        <img :src="v" alt="">
      </van-swipe-item>
      <!-- <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item> -->
    </van-swipe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        "https://m15.360buyimg.com/mobilecms/s1062x420_jfs/t1/34338/4/20073/149662/63bfdcbbFd2c5b1ba/1da486216f7cbbea.jpg!cr_1053x420_4_0!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/153833/14/34194/109344/63928dfaE95a6e06d/ecba62642b97e7b5.jpg!cr_1125x449_0_166!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/182903/3/27879/45575/6359e275E7759eeb1/bef17d8e3c93e98c.jpg!cr_1125x449_0_166!q70.jpg",
        "https://imgcps.jd.com/ling4/10042489330541/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5c131e9282acdd181da661a1/c6e55c28/cr_1125x449_0_166/s/q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/42287/2/21490/145380/63be0850Fd4a696c1/1793632a5e56228a.jpg!cr_1125x449_0_166!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/s1062x420_jfs/t1/66479/13/21399/65518/62e271dfE4dc4181f/2d7c014f2d37b45b.jpg!cr_1053x420_4_0!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/96433/38/20583/135040/63bea2a2Ffed7cfcd/d6a8db6a9dc5e58d.jpg!cr_1053x420_4_0!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/96433/38/20583/135040/63bea2a2Ffed7cfcd/d6a8db6a9dc5e58d.jpg!cr_1053x420_4_0!q70.jpg",
      ],
    };
  },
};
</script>

<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 12px;
  text-align: center;
  /* background-color: #39a9ed; */
}
img{
    width: 350px;
    height: 140px;
    border-radius: 6px;
}
</style>